.container {
  background-color: #eee;

  ul {
    overflow-y: auto;
    height: 320px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;

    li {
      background-color: white;
      line-height: 24px;

      border-radius: 4px;
      cursor: pointer;
      position: relative;
      border: 1px solid transparent;
      border-radius: var(--radius);
      &:hover {
        background-color: #fac2de;
        color: white;
        border: 1px solid var(--pink);
        .options {
          opacity: 1;
        }
      }
      input {
        text-align: center;
        height: 26px;
      }
      .options {
        padding: 0 12px;
        border-radius: 4px;
        opacity: 0;
      }
    }
    .url {
      width: 200px;
      color: #666;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
  .active {
    background-color: var(--pink);
    color: wheat;
    .url {
      color: wheat;
    }
  }
  .star {
    top: -10px;
    right: -10px;
  }
}
.config {
  height: 32px;
  input {
    height: 24px;
    padding: 0 8px;
    background-color: white;
  }
  .tag {
    padding: 4px 8px;
    border: 1px solid var(--pink);
    color:var(--pink) !important ;
    border-radius: 2px;
    color: white;
    width: 120px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.comfirm {
  background-color: white;
  padding: 4px 8px;
  color: var(--pink);
  border-radius: 2px;
}
